﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页逻辑图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页逻辑图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页逻辑图/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u461" class="ax_default" data-left="15" data-top="34" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u462" class="ax_default" data-left="15" data-top="34" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u463" class="ax_default box_1">
            <div id="u463_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u464" class="ax_default box_1">
            <div id="u464_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u465" class="ax_default ellipse">
            <img id="u465_img" class="img " src="images/全局说明/u241.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u466" class="ax_default ellipse">
            <img id="u466_img" class="img " src="images/首页逻辑图/u466.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u467" class="ax_default box_1">
            <div id="u467_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u468" class="ax_default _图片">
          <img id="u468_img" class="img " src="images/全局说明/u244.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u469" class="ax_default box_2">
          <div id="u469_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u470" class="ax_default label">
          <div id="u470_div" class=""></div>
          <div id="u470_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u471" class="ax_default label">
          <div id="u471_div" class=""></div>
          <div id="u471_text" class="text ">
            <p><span>社区</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u472" class="ax_default label">
          <div id="u472_div" class=""></div>
          <div id="u472_text" class="text ">
            <p><span>创作</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u473" class="ax_default label">
          <div id="u473_div" class=""></div>
          <div id="u473_text" class="text ">
            <p><span>消息</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u474" class="ax_default label">
          <div id="u474_div" class=""></div>
          <div id="u474_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u475" class="ax_default" data-left="64" data-top="76" data-width="85" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u476" class="ax_default label selected">
            <div id="u476_div" class="selected"></div>
            <div id="u476_text" class="text ">
              <p><span>对话体</span></p>
            </div>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u477" class="ax_default line">
            <img id="u477_img" class="img " src="images/首页逻辑图/u477.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u478" class="ax_default label">
            <div id="u478_div" class=""></div>
            <div id="u478_text" class="text ">
              <p><span>传统体</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u479" class="ax_default box_2">
          <div id="u479_div" class=""></div>
          <div id="u479_text" class="text ">
            <p><span>广告/活动</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u480" class="ax_default box_2">
          <div id="u480_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u481" class="ax_default box_2">
          <div id="u481_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u482" class="ax_default box_2">
          <div id="u482_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u483" class="ax_default box_2">
          <div id="u483_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u484" class="ax_default box_2">
          <div id="u484_div" class=""></div>
          <div id="u484_text" class="text ">
            <p><span>都市</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u485" class="ax_default box_2">
          <div id="u485_div" class=""></div>
          <div id="u485_text" class="text ">
            <p><span>玄幻</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u486" class="ax_default box_2">
          <div id="u486_div" class=""></div>
          <div id="u486_text" class="text ">
            <p><span>校园</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u487" class="ax_default box_2">
          <div id="u487_div" class=""></div>
          <div id="u487_text" class="text ">
            <p><span>武侠</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u488" class="ax_default box_2">
          <div id="u488_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u489" class="ax_default box_2">
          <div id="u489_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u490" class="ax_default box_2">
          <div id="u490_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u491" class="ax_default box_2">
          <div id="u491_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u492" class="ax_default box_2">
          <div id="u492_div" class=""></div>
          <div id="u492_text" class="text ">
            <p><span>悬疑</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u493" class="ax_default box_2">
          <div id="u493_div" class=""></div>
          <div id="u493_text" class="text ">
            <p><span>仙侠</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u494" class="ax_default box_2">
          <div id="u494_div" class=""></div>
          <div id="u494_text" class="text ">
            <p><span>历史</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u495" class="ax_default box_2">
          <div id="u495_div" class=""></div>
          <div id="u495_text" class="text ">
            <p><span>恐怖</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u496" class="ax_default image">
          <img id="u496_img" class="img " src="images/用例说明/u360.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u497" class="ax_default line">
          <img id="u497_img" class="img " src="images/首页逻辑图/u497.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u498" class="ax_default box_2">
          <div id="u498_div" class=""></div>
          <div id="u498_text" class="text ">
            <p><span>更多</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u499" class="ax_default icon1">
          <img id="u499_img" class="img " src="images/首页逻辑图/u499.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u500" class="ax_default box_2">
          <div id="u500_div" class=""></div>
          <div id="u500_text" class="text ">
            <p><span>精选推荐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u501" class="ax_default box_2">
          <div id="u501_div" class=""></div>
          <div id="u501_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u502" class="ax_default box_2">
          <div id="u502_div" class=""></div>
          <div id="u502_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u503" class="ax_default box_2">
          <div id="u503_div" class=""></div>
          <div id="u503_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u504" class="ax_default box_2">
          <div id="u504_div" class=""></div>
          <div id="u504_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u505" class="ax_default box_2">
          <div id="u505_div" class=""></div>
          <div id="u505_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u506" class="ax_default box_2">
          <div id="u506_div" class=""></div>
          <div id="u506_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u507" class="ax_default box_2">
          <div id="u507_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u508" class="ax_default box_2">
          <div id="u508_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u509" class="ax_default box_2">
          <div id="u509_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u510" class="ax_default" data-left="253" data-top="34" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u511" class="ax_default" data-left="253" data-top="34" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u512" class="ax_default box_1">
            <div id="u512_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u513" class="ax_default box_1">
            <div id="u513_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u514" class="ax_default ellipse">
            <img id="u514_img" class="img " src="images/全局说明/u241.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u515" class="ax_default ellipse">
            <img id="u515_img" class="img " src="images/首页逻辑图/u466.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u516" class="ax_default box_1">
            <div id="u516_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u517" class="ax_default _图片">
          <img id="u517_img" class="img " src="images/全局说明/u244.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u518" class="ax_default box_1">
          <div id="u518_div" class=""></div>
          <div id="u518_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u519" class="ax_default box_1">
          <div id="u519_div" class=""></div>
          <div id="u519_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u520" class="ax_default box_1">
          <div id="u520_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u521" class="ax_default box_1">
          <div id="u521_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u522" class="ax_default box_1">
          <div id="u522_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u523" class="ax_default line">
          <img id="u523_img" class="img " src="images/首页逻辑图/u523.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u524" class="ax_default box_1">
          <div id="u524_div" class=""></div>
          <div id="u524_text" class="text ">
            <p><span>大家都在搜</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u525" class="ax_default box_1">
          <div id="u525_div" class=""></div>
          <div id="u525_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u526" class="ax_default box_1">
          <div id="u526_div" class=""></div>
          <div id="u526_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u527" class="ax_default box_1">
          <div id="u527_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u528" class="ax_default box_1">
          <div id="u528_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u529" class="ax_default box_1">
          <div id="u529_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u530" class="ax_default box_1">
          <div id="u530_div" class=""></div>
          <div id="u530_text" class="text ">
            <p><span>搜索历史</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u531" class="ax_default" data-left="262" data-top="78" data-width="155" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u532" class="ax_default box_2">
            <div id="u532_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u533" class="ax_default box_2">
            <div id="u533_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u534" class="ax_default" data-left="326" data-top="80" data-width="38" data-height="18">

          <!-- Unnamed (矩形) -->
          <div id="u535" class="ax_default _28号字_页面备注信息及列表的表头说明文字__）">
            <div id="u535_div" class=""></div>
            <div id="u535_text" class="text ">
              <p><span>搜索</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u536" class="ax_default _形状">
            <img id="u536_img" class="img " src="images/首页逻辑图/u536.png"/>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u537" class="ax_default _图片">
          <img id="u537_img" class="img " src="images/全局说明/u259.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u538" class="ax_default box_2">
          <div id="u538_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u539" class="ax_default box_3">
          <div id="u539_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u540" class="ax_default label">
          <div id="u540_div" class=""></div>
          <div id="u540_text" class="text ">
            <p><span>发送</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u541" class="ax_default" data-left="271" data-top="230" data-width="10" data-height="13">

          <!-- Unnamed (形状) -->
          <div id="u542" class="ax_default _形状">
            <img id="u542_img" class="img " src="images/首页逻辑图/u542.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u543" class="ax_default _形状">
            <img id="u543_img" class="img " src="images/首页逻辑图/u543.png"/>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u544" class="ax_default icon">
          <img id="u544_img" class="img " src="images/首页逻辑图/u544.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u545" class="ax_default" data-left="478" data-top="35" data-width="174" data-height="347">

        <!-- Unnamed (组 合) -->
        <div id="u546" class="ax_default" data-left="478" data-top="35" data-width="174" data-height="347">

          <!-- Unnamed (矩形) -->
          <div id="u547" class="ax_default box_1">
            <div id="u547_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u548" class="ax_default box_1">
            <div id="u548_div" class=""></div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u549" class="ax_default ellipse">
            <img id="u549_img" class="img " src="images/全局说明/u241.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u550" class="ax_default ellipse">
            <img id="u550_img" class="img " src="images/首页逻辑图/u466.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u551" class="ax_default box_1">
            <div id="u551_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u552" class="ax_default _图片">
          <img id="u552_img" class="img " src="images/全局说明/u244.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u553" class="ax_default box_3">
          <div id="u553_div" class=""></div>
          <div id="u553_text" class="text ">
            <p><span>封面</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u554" class="ax_default box_3">
          <div id="u554_div" class=""></div>
          <div id="u554_text" class="text ">
            <p><span>书名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u555" class="ax_default box_3">
          <div id="u555_div" class=""></div>
          <div id="u555_text" class="text ">
            <p><span>作者名</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u556" class="ax_default box_3">
          <div id="u556_div" class=""></div>
          <div id="u556_text" class="text ">
            <p><span>留言量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u557" class="ax_default box_3">
          <div id="u557_div" class=""></div>
          <div id="u557_text" class="text ">
            <p><span>阅读量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u558" class="ax_default box_3">
          <div id="u558_div" class=""></div>
          <div id="u558_text" class="text ">
            <p><span>点赞量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u559" class="ax_default box_3">
          <div id="u559_div" class=""></div>
          <div id="u559_text" class="text ">
            <p><span>标签</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u560" class="ax_default box_1">
          <div id="u560_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u561" class="ax_default box_1">
          <div id="u561_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u562" class="ax_default box_1">
          <div id="u562_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u563" class="ax_default box_1">
          <div id="u563_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u564" class="ax_default box_1">
          <div id="u564_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u565" class="ax_default box_3">
          <div id="u565_div" class=""></div>
          <div id="u565_text" class="text ">
            <p><span>章节列表</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u566" class="ax_default box_1">
          <div id="u566_div" class=""></div>
          <div id="u566_text" class="text ">
            <p><span>上一页 | 下一页</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u567" class="ax_default line">
          <img id="u567_img" class="img " src="images/首页逻辑图/u567.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u568" class="ax_default line">
          <img id="u568_img" class="img " src="images/首页逻辑图/u567.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u569" class="ax_default line">
          <img id="u569_img" class="img " src="images/首页逻辑图/u567.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u570" class="ax_default line">
          <img id="u570_img" class="img " src="images/首页逻辑图/u567.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u571" class="ax_default line">
          <img id="u571_img" class="img " src="images/首页逻辑图/u571.png"/>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u572" class="ax_default _连接线">
        <img id="u572_seg0" class="img " src="images/首页逻辑图/u572_seg0.png" alt="u572_seg0"/>
        <img id="u572_seg1" class="img " src="images/首页逻辑图/u572_seg1.png" alt="u572_seg1"/>
        <img id="u572_seg2" class="img " src="images/首页逻辑图/u572_seg2.png" alt="u572_seg2"/>
        <img id="u572_seg3" class="img " src="images/首页逻辑图/u572_seg3.png" alt="u572_seg3"/>
        <img id="u572_seg4" class="img " src="images/首页逻辑图/u572_seg4.png" alt="u572_seg4"/>
        <div id="u572_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u573" class="ax_default _连接线">
        <img id="u573_seg0" class="img " src="images/首页逻辑图/u573_seg0.png" alt="u573_seg0"/>
        <img id="u573_seg1" class="img " src="images/首页逻辑图/u573_seg1.png" alt="u573_seg1"/>
        <img id="u573_seg2" class="img " src="images/首页逻辑图/u573_seg2.png" alt="u573_seg2"/>
        <img id="u573_seg3" class="img " src="images/首页逻辑图/u573_seg3.png" alt="u573_seg3"/>
        <img id="u573_seg4" class="img " src="images/首页逻辑图/u573_seg4.png" alt="u573_seg4"/>
        <img id="u573_seg5" class="img " src="images/首页逻辑图/u573_seg5.png" alt="u573_seg5"/>
        <div id="u573_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u574" class="ax_default box_1">
        <img id="u574_img" class="img " src="images/首页逻辑图/u574.png"/>
        <div id="u574_text" class="text ">
          <p><span>逻辑说明：‘</span></p><p><span><br></span></p><p><span>1.【首页】顶部有【对话体】【传统体】小说的切换模式（两者内容一致），选中状态字体体底部有下划线高亮显示。</span></p><p><span><br></span></p><p><span>1、在【首页】点击“搜索”可跳转至【搜索页】，光标闪烁，字母键盘底部滑出。可直接对标签或书名进行选择</span></p><p><span><br></span></p><p><span>4、进行关键词搜索并跳转至对应[基本信息及目录]</span></p><p><span><br></span></p><p><span>3、点击【“封面/书名”】可跳转至对应小说的基本信息及目录</span></p><p><span><br></span></p><p><span>5、在【搜索页】或【基本信息及目录】点击&quot;返回&quot;或右滑可返回到【首页】 （上一页）</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
